<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/message/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>政策风险指数软件</title>
<%@ include file="/message/meta.jsp"%>
<link href="${ctx}/stylesheet/ui/css/jquery-ui.css" type="text/css"
	rel="stylesheet" />
<script src="${ctx}/javascript/jquery.js" type="text/javascript"></script>
<script src="${ctx}/javascript/layout/jquery.layout.js" type="text/javascript"></script>
<script src="${ctx}/javascript/ui/jquery.ui.js" type="text/javascript"></script>
<style type="text/css">
body {
	font-family: Arial, sans-serif;
	font-size: 100%; *
	font-size: 0.8em; /* IE 6/7 only */
}

p {
	font-size: 1em;
	margin: 1em 0;
}

button {
	line-height: normal;
}

.ui-layout-pane { /* all 'panes' */
	background: #FFF;
	border: 1px solid #BBB;
	padding: 10px;
	overflow: auto;
}

.ui-layout-resizer { /* all 'resizer-bars' */
	background: #DDD;
}

.ui-layout-toggler { /* all 'toggler-buttons' */
	background: #AAA;
}

/*
	 *	Rules below are for simulated drop-down/pop-up lists
	 */
ul { /* rules common to BOTH inner and outer UL */
	z-index: 100000;
	margin: 1ex 0;
	padding: 0;
	list-style: none;
	cursor: pointer;
	border: 1px solid Black;
	/* rules for outer UL only */
	width: 15ex;
	position: relative;
}

ul li {
	background-color: #EEE;
	padding: 0.15em 1em 0.3em 5px;
}

ul ul {
	display: none;
	position: absolute;
	width: 100%;
	left: -1px;
	/* Pop-Up */
	bottom: 0;
	margin: 0;
	margin-bottom: 1.55em;
}

.ui-layout-north ul ul { /* Drop-Down */
	bottom: auto;
	margin: 0;
	margin-top: 1.45em;
}

ul ul li {
	padding: 3px 1em 3px 5px;
}

ul ul li:hover {
	background-color: #FF9;
}

ul li:hover ul {
	display: block;
	background-color: #EEE;
}
</style>
<script type="text/javascript">
	var myLayout;

	$(document).ready(function() {

		myLayout = $('body').layout( {

			west__showOverflowOnHover : false

			,
			closable : false // pane can open & close
			,
			resizable : true // when open, pane can be resized 
			,
			slidable : false // when closed, pane can 'slide' open over other panes - closes on mouse-out

			//	some resizing/toggling settings
			,
			north__slidable : true // OVERRIDE the pane-default of 'slidable=true'
			,
			north__togglerLength_closed : '100%' // toggle-button is full-width of resizer-bar
			,
			north__spacing_closed : 20 // big resizer-bar when open (zero height)
			,

			west__minSize : 100
		});

	});

	$(function() {
		$("#accordion").accordion();
	});

</script>
</head>
<body>
<div class="ui-layout-north">
<div id="top_ad_Container">你好：${user.nameCh}欢迎使用政策风险指数软件 <span style="margin-left: 700px">
	<a href="http://www.ccvi.org.cn/" target="_blank">首页</a>&nbsp;&nbsp;
	<a href= "#" onclick= "if(confirm( '您确定注销吗？ ')) location.href= '/userinfo/login.action';session.invalidate(); ">注销</a>
	</span></div>
</div>
<div class="ui-layout-west">
<div id="accordion">${menus}</div>
</div>
<div class="ui-layout-center"><iframe id="mainFrame"
	name="mainFrame" class="ui-layout-center" width="100%" height="600"
	frameborder="0" scrolling="auto"></iframe></div>
</body>
</html>
